<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>plcShare</title>
    <script src="https://img.hcharts.cn/jquery/jquery-1.8.3.min.js"></script>
</head>

<body class="yahei">
<div id="wraper">
    <div id="logoView">
        <img src="https://199store.oss-cn-hangzhou.aliyuncs.com/5cbf1c0a913948cfa80843324934cfc8.png" alt="" width="70" height="70">
        <div id="siteName">评链网</div>
        <div id="slogen">邀请您分享
            <span style="color: #00A8A3">1000万PLC</span>
        </div>
    </div>
    <div id="banner">
        现
        <span id="player" style="color: #00A8A3"></span>位参与者已瓜分
        <span id="num" style="color: #00A8A3"></span>个PLC
    </div>
    <div id="qrcode">
        <img class="qrcodeImg" src="">
    </div>
</div>
</body>

<script>
    var expandData=%s1;

    function renderUI(res) {
        var player = expandData.data.player;
        var num = expandData.data.num;
        var src = expandData.data.src;
        $('#player').html(player);
        $('#num').html(num);
        $('#qrcode .qrcodeImg').attr('src', src);
    }
    renderUI(expandData);
</script>

<style>
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }

    .yahei {
        font-family: PingFangSC-Medium, "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu;
    }
</style>

<style>
    #wraper {
        width: 100%;
        height: 41.6875rem;
        background-image: url(https://199store.oss-cn-hangzhou.aliyuncs.com/53319b9e2d7b47aaab727ea88ac16273.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }

    #logoView {
        width: 100%;
        text-align: center;
    }

    #logoView img {
        margin-top: 2.5rem;
    }

    #siteName {
        color: white;
    }

    #slogen {
        color: white;
    }

    #banner {
        text-align: center;
        color: white;
        margin-top: 11.5rem;
        font-size: 14px;
    }

    #qrcode {
        width: 4.6875rem;
        height: 4.6875rem;
        margin-left: 109px;
        margin-top: 151px;
    }

    #qrcode img {
        width: 100%;
        height: 100%;
    }
</style>

</html>
